<template>
    <div class="col-md-4 col-sm-6  course">
      <router-link
        class="course-box"
        :to="{name:'CourseDetail',query:{id:course.id,isBootcamp:course.isBootcamp}}"
      >
        <div class="course-img">
          <img
            :alt="course.title"
            :src="course.img"
          >
        </div>
        <div class="course-body">
          <span
            class="course-title"
            :title="course.title"
          >{{course.title}}</span>
        </div>
        <div class="course-footer">
          <span class="course-per-num pull-left">
            <i class="fa fa-users"></i>
            {{course.totalNum}}
          </span>
          <span
            v-if='course.isMember'
            class="course-money pull-right"
          >会员</span>
          <span
            v-if='course.isBootcamp'
            class="course-bootcamp pull-right"
          >训练营</span>
        </div>
      </router-link>
    </div>

</template>
<script>
export default {
  props: ['course']
}
</script>
